import App from '@/App.vue'
// 国际化
import i18n from '@/locales'
import plugins from '@/plugins'
import { router } from '@/router'
import createKatexPlugin from '@kangc/v-md-editor/lib/plugins/katex/cdn'
//plugin
import VMdPreview from '@kangc/v-md-editor/lib/preview'
import '@kangc/v-md-editor/lib/style/preview.css'
//theme
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js'
import '@kangc/v-md-editor/lib/theme/style/github.css'

import Particles from 'particles.vue3'
//store pinia 方案
import 'animate.css'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
import hljs from 'highlight.js/lib/core'
import 'virtual:uno.css'
import { createApp } from 'vue'
import './App.scss'
import { pinia } from './stores'

VMdPreview.use(githubTheme, { Hljs: hljs })
VMdPreview.use(createKatexPlugin())

const app = createApp(App)
  .use(plugins)
  .use(router)
  .use(VMdPreview)
  .use(Particles)
  .use(i18n)
  .use(pinia)
  .use(Antd)
app.mount('#app')
